// 公共样式的js

// 1、固定定位的导航栏随页面滚动的距离进行调整
(function () {
  const top = document.querySelector('.top')
  const menu = document.querySelector('.menu')
  window.addEventListener('scroll', () => {
    // console.log(document.documentElement.scrollTop)
    // 判断页面卷曲高度是否大于顶部top导航栏的高度
    if (document.documentElement.scrollTop >= top.offsetHeight) {
      // 页面卷曲高度是否大于顶部top导航栏的高度
      menu.style.top = '10px'
    }
    else {
      // 页面卷曲高度小于顶部top导航栏的高度时，导航栏的位置需要跟随页面的卷曲距离动态改变
      // 导航栏的位置高度 = top导航栏的高度 - 页面卷曲距离 + 两个导航栏之间的间距
      const n = top.offsetHeight - document.documentElement.scrollTop + 10
      menu.style.top = n + 'px'
    }
  })
})();

// 2、回顶部的悬浮箭头
(function () {
  const backTop = document.querySelector('.icon-xiangshangjiantou')
  backTop.addEventListener('click', () => window.scrollTo(0, 0))
})();

// 3、导航栏的页面跳转事件
(function () { })();


